page {
	// background: linear-gradient(to bottom, #f06c7a 0%, #f06c7a 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
	// height: 100%;
}

.container {
		box-sizing: border-box;
		padding: 0 40upx;
	}
.icon {
		color:#ffffff;
	}
.logo {
	width: 100%;
	height: 240upx;
	margin-top: 70upx;
	display: flex;
	flex-direction: column;
	align-items: center;
	.img {
		width: 150upx;
		height: 140upx;
		image {
			width: 100%;
			height: auto;
			border-radius: 100%;
		}
	}
	.text{
		width: 160upx;
		height: 61upx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 36upx;
		font-size: 36upx;
	}
	
}
.title{
	width: 100%;
	// height: 240upx;
	margin-top: 70upx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.form {
	width: 100%;
	// margin-top: 90upx;
	padding: 90upx 0 0;
	font-size: 32upx;
	.code,
	.password,
	.username {
		width: 100%;
		height: 98upx;
		display: flex;
		align-items: center;
		// border-radius: 45upx;
		// background-color: rgba($color: #E1E4E5, $alpha: 0.1);
		// border: 2upx solid #E1E4E5;
		border-bottom: 1upx solid rgba(235,235,235,1);
		padding: 0 30upx;
		margin-bottom: 26upx;
		.img{
			width: 38upx;
			height: 40upx;
			image{
				width: 100%;
			}
		}
		.code_img{
			width: 34upx;
			height: 40upx;
			image{
				width: 100%;
			}
		}
		input {
			width: 100%;
			padding-left: 32upx;
			height: 50upx;
			color: rgba($color: #232323, $alpha: 0.8);
			font-weight: 200;
		}
	}

	.btn {
		color: #FFF;
		width: 100%;
		height: 90upx;
		margin-top: 92upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 49upx;
		background-color: #FFBC21;
		font-size: 32upx;
	}
}
.re,.login {
		.code{
			position: relative;
			.get-code{
				box-sizing:border-box;
				position: absolute;
				width: 160upx;
				height: 68upx;
				border-radius: 20upx;
				border: 2upx solid #ABADAD;
				display: flex;
				align-items: center;
				justify-content: center;
				right: 0;
				margin-right: 28upx;
				z-index: 3;
			}
		}
		.res {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100upx;
			color: rgba($color: #232323, $alpha: 0.8);
		}
	}
